*{
    padding:0;
    margin:0;
}
li{
    list-style: none;
}
body{
    color:#6f597d;
}
label{
    font-weight:normal;
}
.wrap>div{
    float:left;
    width:83%;
}
.wrap>div:last-child{
    width:15%;
    margin-left:2%;
}
.panel{
    border:none;
    box-shadow:0 0 13px #b5b9bd;
}
.panel-default > .panel-heading{
    padding:0.8em;
    background:#ebf1f7;
    border-color:transparent;
    color:#6f597d;
}
.basic-info li{
    float:left;
    width:33.3%;
}
.questions ul{
    padding:0.5em 0;
    margin-bottom:0.5em;
    background:#CCC;
}
.questions ul li{
    float:left;
    width:8%;
    text-align:center;
    color:#fff;
}
.questions ul li:last-child{
    width:92%;
    border-left:1px solid #fff;
}
.questions ul.ques-item{
    padding:0.8em 0;
}
.questions ul.ques-hide{
   display:none;
}
.questions ul.ques-title,.ques-options ul li:first-child{
    background:#9588b3;
}
.questions ul.ques-checked{
    background:#7290db;
}
.ques-options ul li.options{
    margin-bottom:0.5em;
    height:3.6em;
    line-height:3.4em;
    text-align:center;
    background:#fff;
    border:1px solid #7290db;
    color:#7290db;
    cursor:pointer;
}
.ques-options ul li:first-child{
    padding:0.5em;
    margin-bottom:0.5em;
    text-align:center;
    color:#fff;
}
.wrap2>div:first-child{
    position:relative;
    box-sizing: border-box;
    width:5%;
    background:#9588b3;
    text-align:center;
    vertical-align:middle;
    color:#fff;
}
.wrap2>div:first-child span{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    margin-top:-25px;
}
.wrap2>div:last-child{
    width:94.2%;
    margin-left:0.8%;
}
.wrap2>div:last-child ul li{
    float:left;
    margin:0 0.5% 5px 0;
    width:4.525%;
    height:35px;
    line-height:35px;
    background:#fff;
    text-align:center;
}
.wrap2>div:last-child ul li:nth-child(20n){
    margin-right:0;
}
.wrap2>div:last-child ul li.checking{
    border:1px solid #7290db;
    color:#7290db;
}
.wrap2>div:last-child ul li.done,.ques-item li.options.checked{
    background:#7290db;
    color:#fff;
}
.modal-backdrop {
    z-index: -1;
}
.modal-dialog{
    position:absolute;
    top:50%;
    left:50%;
    width:400px;
    height:180px;
    margin-top:-90px;
    margin-left:-200px;
}
.modal-header{
    background:#ebebeb;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom:none;
}
.modal-footer{
    text-align:center;
    border-top:none;
}
